<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="com_statics/diystyle/image/apple-touch-icon.png" />
<link rel="apple-touch-startup-image" href="com_statics/diystyle/image/apple-touch-startup-image-320x460.png" />
<meta name="author" content="FamousThemes" />
<title>预览</title>
<link type="text/css" rel="stylesheet" href="com_statics/diystyle/common_css/style.css"/>
<link type="text/css" rel="stylesheet" href="com_statics/diystyle/style_css/{$diyinfo.style}/{$diyinfo.style}.css"/>
<link type="text/css" rel="stylesheet" href="com_statics/diystyle/common_css/idangerous.swiper.css"/>
<link type="text/css" rel="stylesheet" href="com_statics/diystyle/common_css/swipebox.css"/>
<!--<link href='http://fonts.useso.com/css?family=Courgette' rel='stylesheet' type='text/css' />-->
</head>
<body>
  <div id="header">
      <div class="gohome radius20"><a href="#"><img src="com_statics/diystyle/image/icons/home.png" alt="" title="" /></a></div>
      <div class="gomenu radius20"><a href="#" onclick="swiperParent.swipeTo(10);"><img src="com_statics/diystyle/image/icons/contact.png" alt="" title="" /></a></div>
  </div>
  <div class="swiper-container swiper-parent">
    <div class="swiper-wrapper">
<!--Menu page-->
      <div class="swiper-slide sliderbg_menu" style="background:url('{$diyinfo.bg.url}') no-repeat center center">
          <div class="swiper-container swiper-nested">
                   <div class="swiper-wrapper">
                        <div class="swiper-slide">
                                  <div class="slide-inner">
                                        <div class="logo"><a href="#"><img src="{$diyinfo.logo.url}" alt="" title="" border="0" /></a></div>
										<if condition="$diyinfo.style eq 'metro'">
                                        <div class="menu">
											<ul>
												<in name="d10" value="$diyinfo.tool">
												<li class="green"><a href="#"><img src="com_statics/images/icon10.gif" alt="" title="" /><span>热门岗位</span></a></li>
												</in>
												<in name="d11" value="$diyinfo.tool">
												<li class="red"><a href="#"><img src="com_statics/images/icon11.gif" alt="" title="" /><span>留言互动</span></a></li>
												</in>
												<in name="d12" value="$diyinfo.tool">
												<li class="blue"><a href="#"><img src="com_statics/images/icon12.gif" alt="" title="" /><span>问卷调查</span></a></li>
												</in>
												
												<!--<li class="orange"><a href="#"><img src="com_statics/images/icon13.gif" alt="" title="" /><span>预约面试</span></a></li>-->
												<in name="d14" value="$diyinfo.tool">
												<li class="purple"><a href="#"><img src="com_statics/images/icon14.gif" alt="" title="" /><span>公司介绍</span></a></li>
												</in>
												<in name="d15" value="$diyinfo.tool">
												<li class="yellow"><a href="#"><img src="com_statics/images/icon15.gif" alt="" title="" /><span>联系我们</span></a></li>
												</in>
											</ul>
											<div class="clearfix"></div>
                                        </div>
										<elseif condition="$diyinfo.style eq 'beauty'" />
                                        <div class="menu">
											<ul>
												<in name="d10" value="$diyinfo.tool">
												<li><a href="#"><div class="round_img"><img src="com_statics/images/icon10.gif" alt="" title="" /></div><span>热门岗位</span></a></li>
												</in>
												<in name="d11" value="$diyinfo.tool">
												<li><a href="#"><div class="round_img"><img src="com_statics/images/icon11.gif" alt="" title="" /></div><span>留言互动</span></a></li>
												</in>
												<in name="d12" value="$diyinfo.tool">
												<li><a href="#"><div class="round_img"><img src="com_statics/images/icon12.gif" alt="" title="" /></div><span>问卷调查</span></a></li>
												</in>
												<!--<li><a href="#"><div class="round_img"><img src="com_statics/images/icon13.gif" alt="" title="" /></div><span>预约面试</span></a></li>-->
												<in name="d14" value="$diyinfo.tool">
												<li><a href="#"><div class="round_img"><img src="com_statics/images/icon14.gif" alt="" title="" /></div><span>公司介绍</span></a></li>
												</in>
												<in name="d15" value="$diyinfo.tool">
												<li><a href="#"><div class="round_img"><img src="com_statics/images/icon15.gif" alt="" title="" /></div><span>联系我们</span></a></li>
												</in>
											</ul>
											<div class="clearfix"></div>
                                        </div>
										<else />
                                        <div class="menu">
											<ul>
												<in name="d10" value="$diyinfo.tool">
												<li><a href="#"><img src="com_statics/images/icon10.gif" alt="" title="" /><span>热门岗位</span></a></li>
												</in>
												<in name="d11" value="$diyinfo.tool">
												<li><a href="#"><img src="com_statics/images/icon11.gif" alt="" title="" /><span>留言互动</span></a></li>
												</in>
												<in name="d12" value="$diyinfo.tool">
												<li><a href="#"><img src="com_statics/images/icon12.gif" alt="" title="" /><span>问卷调查</span></a></li>
												</in>
												<!--<li><a href="#"><img src="com_statics/images/icon13.gif" alt="" title="" /><span>预约面试</span></a></li>-->
												<in name="d14" value="$diyinfo.tool">
												<li><a href="#"><img src="com_statics/images/icon14.gif" alt="" title="" /><span>公司介绍</span></a></li>
												</in>
												<in name="d15" value="$diyinfo.tool">
												<li><a href="#"><img src="com_statics/images/icon15.gif" alt="" title="" /><span>联系我们</span></a></li>
												</in>
											</ul>
											<div class="clearfix"></div>
                                        </div>
										</if>
                                 </div>
                         </div>
                   </div>
                  <div class="swiper-scrollbar"></div>
          </div> 
      </div>
    </div>
    <div class="pagination"></div>
  </div>
<script type="text/javascript" src="com_statics/diystyle/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="com_statics/diystyle/js/jquery.swipebox.js"></script>
<script type="text/javascript" src="com_statics/diystyle/js/idangerous.swiper-2.1.min.js"></script>
<script type="text/javascript" src="com_statics/diystyle/js/idangerous.swiper.scrollbar-2.1.js"></script>
<script type="text/javascript" src="com_statics/diystyle/js/jquery.tabify.js"></script>
<script type="text/javascript" src="com_statics/diystyle/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="com_statics/diystyle/js/code.js"></script>
<script type="text/javascript" src="com_statics/diystyle/js/load.js"></script>
</body>
</html>
